#doc-custom {
  text-align:left;   /* obligatorio */
  margin:auto;       /* para centrar la página */
  width: 960px;      /* resto de navegadores */
  min-width: 960px; /* opcional, pero recomendada */
}

#doc-custom a {
  color: #000000;
  text-decoration: none;
}

.main-prite {
  background: url('/images/main-sprite.png') no-repeat top left;
}

#barra {
  background: #000000;
  height: 25px;
  overflow: hidden;
  padding: 0 1em;
}

#barra a {
  color: #FFFFFF;
  float: right;
  font-size: 77%;
  margin-left: 1em;
  margin-top: 0.5em;
  text-transform: capitalize;
}

#barra a:first-child {
  float: left;
  margin-left: auto;
  width: 86px;
}

#franja {
  background: #E0E0E0;
  height: 110px;
  max-height: 110px;
  overflow: hidden;
}

#institucional {
  margin: 0.5em 2em;
  overflow: hidden;
}

#logo {
  float: left;
  margin: 2em 0;
}

#logo img:first-child {
  border-right: 1px solid;
  margin-right: 1ex;
  padding-right: 1ex;
  background-position: 0 0; width: 43px; height: 42px;
}

#logo p:first-child {
  background-position: 0 0; width: 43px; height: 42px;
  border-right: 1px solid;
  float: left;
  margin-right: 1ex;
  padding-right: 1ex;
}

#logo p:first-child + p {
  background-position: 0 -92px; width: 42px; height: 42px;
  float: left;
}

#identificacion {
  float: left;
  margin: 3% 1ex;
  overflow: hidden;
}

#identificacion span:first-child {
  font-size: 123.1%;
  font-weight: bold;
  text-transform: uppercase;
}

#identificacion span {
  font-size: 93%;
  text-transform: capitalize;
  display: block;
}

#institucional form {
  float: right;
  margin: 4% 0;
  width: 210px;
}

#institucional form input {
  border: 0;
}

#institucional form input[type="text"] {
  background-color: #FFFFFF;
  padding-left: 3ex;
  width: 64%;
}

#institucional .main-prite {
  background-position: 0 -633px;
  height: 15px;
}

#institucional form input[type="submit"] {
  width: 24%;
}

#menu {
  background: #004B93;
  height: 35px;
  max-height: 35px;
}

#menu ul {
  float: left;
  height: 100%;
  margin-left: 1ex;
}

#menu ul li {
  float: left;
  height: 100%;
}

#menu ul li a {
  border-left: 1px solid;
  color: #FFFFFF;
  display: block;
  font-size: 123.1%;
  padding: 0.5em;
  text-decoration: none;
}

#menu ul li:first-child a {
  border: 0;
  padding-left: 0;
}

#pie {
  border-top: 6px solid #004B93;
  clear: both;
}

#pie > div {
  float: left;
}

#inf_inst a {
  display: block;
}

#pie > div label {
  display: block;
}

#pie > div:first-child {
  margin-top: 1em;
  margin-left: 2em;
  width: 20%;
}

#pie > div:first-child div:first-child a{
  display: block;
  margin-bottom: 0.5em;
}

#pie > div:first-child div:first-child + div{
  margin-top: 3em;
  margin-bottom: 1.5em;
  overflow: hidden;
}

.sprite-icon-facebook{ background-position: 0 -349px; float: left; height: 44px; width: 44px; }
.sprite-icon-twitter{ background-position: 0 -443px; float: left; height: 44px; width: 44px; }
.sprite-youtube{ background-position: 0 -892px; float: left; height: 44px; width: 44px; }

#pie > div:first-child + div{
  margin-top: 1em;
  /*width: 30%;*/
  width: 36%;
  padding-left: 3%;
}

#pie > div:first-child + div select{
  margin-top: 0.3em;
  margin-left: 1.5em;
  margin-bottom: 2em;
  width: 78%;
}

#pie > div:first-child + div form + img{
  margin-left: 2em;
  margin-right: 5em;
}

.images-form {
  margin-left: 2em;
  margin-right: 5em;
}

#pie > div:first-child + div form + p{
  background-position: 0 -184px; float: left; height: 50px; width: 46px;
}

#pie > div:first-child + div form + p + p{
  background-position: 0 -537px; float: left; height: 46px; width: 109px;
}

#pie > div:first-child + div + div{
  margin-left: 6em;
  margin-top: 1em;
  width: 30%;
}

#pie > div:first-child + div + div ul:first-child{
  margin-top: 0.5em;
  margin-left: 2em;
  margin-bottom: 1em;
  font-family: "Arial Regular";
  font-size: 80%;
  overflow: hidden;
}


#pie > div:first-child + div + div li {
  float: left;
}

#pie > div:first-child + div + div ul + ul{
  margin-left: 2em;
}

#pie > div:first-child + div + div ul + ul li{
  margin-right: 1em;
  width: 46px;
  height: 46px;
}

#inferior {
  clear: both;
  font-size: 69.23%;
  text-align: center;
  width: 100%;
}

#inferior span{
  clear: both;
  float: left;
  margin-bottom: 1em;
  width: 100%;
}

#inferior a{
  border-left: 1px solid;
  margin-left: 1em;
  margin-top: 1em;
  padding-left: 1em;
}

#inferior a:first-child{
  border: 0;
  padding: 0;
  margin: 0;
}

#inferior img{
  vertical-align: middle;
}

.yui-b {
  overflow: hidden;
  margin: 1ex;
}

#navegacion {
  border: 1px solid #677D92;
  background-color: #0066AF;
}

#navegacion li a {
  height: 24px;
  voice-family: "\"}\"";
  voice-family: inherit;
  text-decoration: none;
}

#navegacion li a:link, #navegacion li a:visited {
  background: url('/images/sitio/menu.gif');
  color: #fff;
  display: block;
  padding: 8px 0 0 10px;
}

#navegacion li a:hover {
  background: url('/images/sitio/menu.gif') 0 -32px;
  color: #283A50;
  padding: 8px 0 0 10px;

}

#navegacion li a:active {
  background: url('/images/sitio/menu.gif') 0 -64px;
  color: #283A50;
  padding: 8px 0 0 10px;
}

#container li {
   background: url('main-sprite.png') no-repeat top left;
}

.sprite-css{ background-position: 0 -284px; width: 80px; height: 15px; }
.sprite-rss{ background-position: 0 -698px; width: 80px; height: 15px; }
.sprite-w3c_xhtml{ background-position: 0 -763px; width: 80px; height: 15px; }
.sprite-xhtml{ background-position: 0 -828px; width: 74px; height: 14px; } 